
//封装移动的方法
function move(eq1,eq2,x){
	//.maxmiddle鼠标移入事件
	var bleft="";
	var get=0;
	bleft=setInterval(function(){
		get++;
		if(get==eq1.eq(x).children().length){
			get=0;
			eq1.eq(x).stop().animate({
				left:0
			},100)
		}
		eq2.eq(x).children().eq(get).addClass("maxolli-show ").siblings().removeClass("maxolli-show ");
		eq1.eq(x).animate({
			left:-(eq1.eq(x).children().width())*get+"px"
		},500)
	},3000)
	
//鼠标移入移出.maxmiddle事件
	eq1.eq(x).parent().hover(
	 //移入,清除定时器
	 function(){
	 clearInterval(bleft);
	 get=eq2.eq(x).index();
	 eq1.eq(x).stop().css("left",-(eq1.eq(x).children().width())*get);
	 },
	 //移出启动定时器
	 function(){
	 bleft=setInterval(function(){
	 get++;
	 if(get==eq1.eq(x).children().length){
	 get=0;
		 eq1.eq(x).stop().animate({
	 		left:0
	 	},100)
	 }
		 eq2.eq(x).children().eq(get).addClass("maxolli-show ").siblings().removeClass("maxolli-show ");
		 eq1.eq(x).animate({
	           left:-(eq1.eq(x).children().width())*get+"px"
	 		},500)
	 	},3000)
	 	}
	 )
	 
	 //.maxolli鼠标移入事件
	eq2.eq(x).children().on("mouseenter",function(){
	 clearInterval("bleft");
	 $(this).addClass("maxolli-show ").siblings().removeClass("maxolli-show ");
	 get=$(this).index();
	 eq1.eq(x).stop().animate({
	 left:-(eq1.eq(x).children().width())*get+"px"
	 },500)
	 })
}
//封装tab栏方法
var huan=function(jq3,jq4,x){
	jq3.eq(x).children("li").each(function(index,ele){
		$(ele).on("mouseenter",function(){
			$(ele).addClass("relicolor").siblings().removeClass("relicolor");
			jq4.eq(x).children("ul").eq(index).addClass("reshow").siblings().removeClass("reshow");
		})
	})
}
//ajax请求数据
$(function(){
	$.ajax({
		url:"js/max.json",
		type:"post",
		data:null,
		success:function(data) {
			var arr = data;
			for(var i=0;i<arr.length;i++){
				for(var key in arr[i]){
					var arr2=arr[i][key];
					var arr3=arr2.substr(1,arr2.length-2).split(",");
					for(var j=0;j<arr3.length;j++){
						var mfli=$("<li></li>");
						mfli.addClass("mfli");
						mfli.css("background","url("+arr3[j]+") no-repeat");
						$(".maxlfoot").eq(i).append(mfli);
					}
				}
				
			}
		}
	})
	
	//给.mfli绑定鼠标进入及离开事件，动态创建--委托
	$(".maxlfoot").on("mouseenter",".mfli",function(){
		$(this).css("background-position","0 -40px");
	})
	
	$(".maxlfoot").on("mouseleave",".mfli",function(){
		$(this).css("background-position","0 0");
	})
	
	for(var x=0;x<5;x++){
		move($(".maxul"),$(".maxol"),x);
	}
	
	
//隔行变色
	$(".maxltop:even").css("border-bottom-color","#ff6600").css("color","#ff6600");
	$(".maxltop:odd").css("border-bottom-color","#2565bd").css("color","#2565bd");

	
	//tab栏切换
	//绑定li鼠标进入事件
	for(var y=0;y<5;y++){
		huan($(".retitle"),$(".maxrtop"),y);
	}
})
